<div class="row">
  <div class="side">
    <h2>关于我</h2>
    <h3>我喜欢的电影:</h3>

    <div class="search">
      <input type="text" [(ngModel)]="keyword"> -- <button (click)="doSearch()">搜索</button>
      <hr>
    </div>
    <div class="jilu">
      <h3> 搜索记录：</h3>
      <ul>

        <li *ngFor="let item of historyList;let key=index;">{{item}} <button (click)="deleteHistroy(key)">x</button>
        </li>
      </ul>
    </div>

    <div class="tuijian">
      <button (click)="tuijian()">电影推荐</button>
    </div>
    <div class="fakeimg" style="height:auto;">

      <div class="responsive">
        <div class="img2" *ngFor="let item of huoqulist">
          
          <img [src]="main+item.pic" alt="小丑">
         
          <div class="desc2">{{item.movie}}</div>
        </div>
      </div>


    </div><br>

  </div>


  <div class="main">

    <h2>小编推荐</h2>
    <h3>功夫 (2004)</h3>
    <div class="fakeimg" style="height:300px;"><img src="/assets/IMG/功夫.jpg" alt="joker" height="300px"> </div>
    <p>导演: 周星驰 编剧: 曾瑾昌 / 陈文强 / 周星驰 / 霍昕</p>
    <p>1940年代的上海，自小受尽欺辱的街头混混阿星（周星驰）为了能出人头地，可谓窥见机会的缝隙就往里钻，今次他盯上行动日益猖獗的黑道势力“斧头帮”，想借之大名成就大业。
      　　阿星假冒“斧头帮”成员试图在一个叫“猪笼城寨”的地方对居民敲诈，不想引来真的“斧头帮”与“猪笼城寨”居民的恩怨。“猪笼城寨”原是藏龙卧虎之处，居民中有许多身怀绝技者（元华、梁小龙等），他们隐藏于此本是为远离江湖恩怨，不想麻烦自动上身，躲都躲不及。而在观战正邪两派的斗争中，阿星逐渐领悟功夫的真谛。
    </p>
    <br>
    <h2>热门电影</h2>
    <h5>今日推荐</h5>
    
    <div class="fakeimg" >
      <div class="responsive">
        <div class="img" *ngFor="let item of jiazailist">

          <img [src]="main+item.pic">

          <div class="desc">{{item.movie}}</div>
        </div>
      </div>
    </div>
    <br>
    <div class="jiazai">
      <button class="jiazai" (click)="jiazai()">点我加载更多！</button>
    </div>
    
  </div>



  </div>